<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>tdtech</title>
    {% load static %}
    <link REL="SHORTCUT ICON" HREF="{% static "/static/images/favicon.ico" %}"/>
    <link href="/static/css/index.css" type="text/css" rel="stylesheet">
</head>
<body>
    <div class="box">
        <div class="myhead">
            <img src="/static/images/output1.jpg" alt="">
            <h1>TD-TECH无人机</h1>
        </div>
        
        <div class="address">
            <div>
                <input type="text" placeholder="请输入目标地址" id="txt">
                <input type="button" value="发送" onclick="sendmessage();">
            </div>
        </div>
        <div class="mybody">
            <video id="rtspvideo" height="500" width=50% controls="controls"></video>
            <div id="container"></div>
            <div id="panel"></div>
        </div>
        <div class="mybottom">
            <button id="recordBtn">开始录音</button>
            <button id="stopBtn">结束录音</button>
            <button id="uploadBtn">上传录音</button>
            <button id="audio_result" onclick="audio_search()">解析录音</button>
        </div>   
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.2/flv.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"> </script>
    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=Hy0K6dRHTob8gfSiClV9s5R9hMFQOmIb"></script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=33051d433702f0159e76c280d852ab47"></script>
    <script src="/static/js/audio.js"></script>
</body>
</html>
